<template>
    <div>
        <el-input 
        type="text" 
        placeholder="请输入待办事项" 
        v-model="inputInfo"
        @input="handleInputChange"
        ></el-input><el-button type="primary" round @click="addEvent">添加待办</el-button>
    </div>
</template>

<script>
    export default {
        data(){
            return{
                inputInfo:'',
            }
        },
        methods:{
            addEvent(){
                // this.$message.warning('测试')
                // 将文本框的内容添加到table的dataList里
                
                this.$store.commit('addItem') // commit方法是通过mutations方式修改状态
                this.inputInfo = ""
            },
            handleInputChange(val){
                this.$store.commit('setInputValue', val) // 如果是actions内的代码，则需要使用dispatch改变
            }
        }
    }
</script>

<style scoped>
.el-input{
    width: 269px;;
}
.el-button{
    margin-left: 10px;;
}
</style>